<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>去保养-有人情味的保养</title>
    <meta name="keywords" content="去保养,汽车保养,汽车配件,汽车维修,养车,4S店品质,氦修驿站" />
    <meta name="description" content="上门取车保养、保养在线观看、咖啡馆里做保养、夜间保养" />
    <link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/css/base.css">
    <link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/mobile/css/master.css">
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?11ad56ca0738ac14d150a362fca3e058";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>


</head>
<body>
    <header class="tcenter fs14">
        <a href="tel:4006730088" class="tel iconfont">&#xe610;</a>
        <a href="{:C('WEB_URL')}mobile/" class="iconfont fright">&#xe60f;</a>
        <a href="javascript:window.history.go(-1)" class="iconfont fleft">&#xe612;</a>
        选择套餐
    </header>
    
    <div class="step">
        <ul>
            <li class="over"><span>1</span>选择车型</li>
            <li class="over"><span>2</span>填写信息</li>
            <li class="current"><span>3</span>选择店铺</li>
            <li><span>4</span>订单完成</li>
        </ul>
    </div>
    <div id="companyList">
        <div class="main">
            <p class="title">线下直营体验店</p>
            <ul>
                <volist name="ourCompany" id="vo">
                    <li onclick="chooseCompany('{$vo['wx_id']}','{$vo['wx_name']}','{$vo['wx_address']}',this)">
                        <img src="http://app2.haixiuyizhan.com/{$vo['headImage']}" /> 
                        <i>&#xe601;</i>
                        <p class="name">{$vo['wx_name']}</p>
                        <p class="address">{$vo['wx_address']}</p>
                        <notempty name="vo['anzhuangfei']">
                        <p class="fc-999">安装费：{$vo['anzhuangfei']}</p>
                        </notempty>
                    </li>
                </volist>
            </ul>
            <p class="title">合作维修厂</p>
            <ul>
                <volist name="company" id="vo">
                    <li onclick="chooseCompany('{$vo['wx_id']}','{$vo['wx_name']}','{$vo['wx_address']}',this)">
                        <img src="http://app2.haixiuyizhan.com/{$vo['headImage']}" /> 
                        <i>&#xe601;</i>
                        <p class="name">{$vo['wx_name']}</p>
                        <p class="address">{$vo['wx_address']}</p>
                        <notempty name="vo['anzhuangfei']">
                        <p class="fc-999">安装费：{$vo['anzhuangfei']}</p>
                        </notempty>
                    </li>
                </volist>
            </ul>
        </div>
    </div>
    <p style="height:60px;">&nbsp;</p>
    <div class="pay">
        <a href="javascript:void(0)" id="J_btnGoStep4">确定提交</a>
    </div>

    <form action="{:U('step4')}" method="get" id="J_myForm">
        <input type="hidden" name="wx_id" id="J_wx_id" value="" />
        <input type="hidden" name="wx_name" id="J_wx_name" value="" />
        <input type="hidden" name="wx_address" id="J_wx_address" value="" />
    </form>

    <include file="Public/mobileHome" />

    <div id="loading">
        <p>努力加载中...</p>
    </div>
    <script>
        $(function(){
            $("#J_btnGoStep4").on("click",function(){
                var wx_id=$("#J_wx_id").val();
                if(wx_id==""){
                    showMsgTip("请选择您中意的维修厂为您安装！",2000);
                    return false;
                }
                $("#J_myForm").submit();
            })
        })

        function chooseCompany(id,name,address,t){
            $("#J_wx_name").val(name);
            $("#J_wx_id").val(id);
            $("#J_wx_address").val(address);
            $("#companyList").find("li").removeClass("current");
            $(t).addClass("current");
        }
    </script>
</body>
</html>